let li = document.querySelectorAll("li");
let img = document.querySelectorAll("img");
li[0].addEventListener("mouseenter", () => {
  img[2].style.display = "block";
});
li[0].addEventListener("mouseleave", () => {
  img[2].style.display = "none";
});
li[1].addEventListener("mouseenter", () => {
  img[3].style.display = "block";
});
li[1].addEventListener("mouseleave", () => {
  img[3].style.display = "none";
});
li[2].addEventListener("mouseenter", () => {
  img[4].style.display = "block";
});
li[2].addEventListener("mouseleave", () => {
  img[4].style.display = "none";
});
li[3].addEventListener("mouseenter", () => {
  img[5].style.display = "block";
});
li[3].addEventListener("mouseleave", () => {
  img[5].style.display = "none";
});
li[4].addEventListener("mouseenter", () => {
  img[6].style.display = "block";
});
li[4].addEventListener("mouseleave", () => {
  img[6].style.display = "none";
});
li[5].addEventListener("mouseenter", () => {
  img[7].style.display = "block";
});
li[5].addEventListener("mouseleave", () => {
  img[7].style.display = "none";
});
li[6].addEventListener("mouseenter", () => {
  img[8].style.display = "block";
});
li[6].addEventListener("mouseleave", () => {
  img[8].style.display = "none";
});
